<template>
	<view  style="background-color: #f8f8f8;">
		<view class="menu_user_list">
			
			<view  v-if="show" class="" style=" padding-bottom: 15rpx; border-bottom: 1rpx solid #808080; border-radius: 30rpx; background-color: #fff;"  v-for="(item,index) in lists.data" :key="index" >
				<view class="" style="margin-left: 25rpx;padding-top: 25rpx; padding-bottom: 25rpx; border-bottom: 1rpx solid #808080;">
					创建时间{{item.sort.create_time}}
				</view>
				<view class="">
					<itemBbs    :list="item" ></itemBbs>	
				</view>
							
			</view>
			
			<view class="" v-else style="width: 100%; display: flex; justify-content: center;  font-size: 40rpx;" >
				暂无数据
			</view>
			
		</view>
	</view>
</template>

<script>
	import itemBbs from "@/pages/bbs/index/components/item-bbs/item-bbs.vue";
	import {bbsGetFindSort} from "@/utils/api/bbs.js";
	import config from "@/utils/config.js";
	let {photo_cdn} = config.baseUrl;
	export default {
		components:{
			itemBbs,
		},
		data() {
			return {
				photo_cdn,
				lists:{
					data:null
				},
				show:true
				
			}
		},
		onLoad() {
			bbsGetFindSort({
				page:1,
				type:3
			}).then(res=>{
				console.log(res)
				this.lists = res.data;
				if(this.lists.data == undefined){
					this.show = false;
				}
				
				console.log(this.lists.length )
			})
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.menu_user_list{
		padding: 20rpx 0;
		margin: 20rpx;
		box-shadow: 8rpx -4rpx 2rpx 2rpx #F8F8F8;
	}

</style>
